<template>
  <div id="app">
    <ul>
      <li v-for="(item, index) in arr" :key="index">
        {{ item }}
        <button @click="delNum(index)" >删除</button>
      </li>
      <button @click="create">生成</button>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      arr: [1, 3, 9]
    }
  },
  methods: {
    create () {
      // console.log(Math.floor((Math.random() * 10) + 1))
      // 随机生成一个1-10的随机数
      this.arr.push(Math.floor(Math.random() * 10 + 1))
      console.log(this.arr)
    },
    delNum (index) {
      // 设置参数index ，获取当前元素索引值来改变其状态
      // console.log(index)
      this.arr.splice(index, 1)
      // console.log(this.arr)
    }
  }
}
</script>

<style lang="less"></style>
